<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../font/iconfont.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .m {
            width: 100%;
            height: 30px;
            background-color: #e3e4e5;
        }
        a {
            text-decoration: none;
        }
        .b {
            width: 200px;
            height: 30px;
            margin-left: 100px;
            float: left;
            line-height: 30px;
        }
        .icon-dingwei{
            color: red;
            font-size: 20px;
        }
        .hlj,.qy {
            color: #ac99a3;
        }
        .hlj:hover{
            color: red;
        }
        .qy:hover {
            color: red;
        }
        .c {
            width: 1500px;
            height: 30px;
            line-height: 30px;
        }
        .ul1{
            margin-left: 600px;
        }
        .li1 {
            float: left;
            list-style: none;
            border-left: 1px solid  hsl(0, 1%, 58%);
            padding-left: 10px;
            margin-right: 10px;
        }
        .li1 a {
            color: #ac99a3;
        }
        .li1 a:hover {
            color: red;
        }
        .zj {
            width: 100%;
            height: 150px;
        }
        .icon-jingdong {
            color: red;
            font-size: 100px;
            line-height: 150px;
            margin-left: 100px;
            float: left;
        }
        .srk {
            width: 680px;
            height: 75px;
            float: left;
        }
        #in1 {
            position: relative;
            width: 500px;
            height: 35px;
            margin-left: 80px;
            margin-top: 40px;
            border: 2px solid red;
            outline: none;
        }
        /* .icon-xiangji_o {
            position: absolute;
            color: #ac99a3;
            font-size: 30px;
            margin-top: 45px;
        } */
        .img1 {
            position: absolute;
            margin-right: 20px;
            margin-top: 40px;
            height: 38px;
           
        }
        .gwc {
            width: 120px;
            height: 35px;
            border: 1px solid #c2bebe;
            float: left;
            line-height: 35px;
            margin-top: 40px;
            margin-right: 20px;
        }
        .icon-gouwuche {
            color: red;
            font-size: 15px;
        }
        .icon-erweima2 {
            color: red;
            font-size: 100px;
            margin-left: 100px;
        }
        .i {
            width: 100%;
            height: 30px;
            margin-left: 300px;
        }
        .j {
            
            list-style: none;
        }
        .lik {
            float: left;
            padding-left: 20px;
            color: #333333;
        }
        .lik:hover {
            color: red;
        }
    </style>
</head>
<body>
    <div class="m">
        <div class="b">
            <span class="iconfont icon-dingwei"></span>
            <a href="#" class="hlj">黑龙江</a>
            &nbsp;&nbsp;&nbsp;
            <a href="#" class="qy">切换至企业版</a>
        </div>
            <div class="c">
                <ul class="ul1">
                    <li class="li1" style="border-left: none;">
                        <a href="#">你好，请登录</a>
                        &nbsp;&nbsp;
                        <a href="#">免费注册</a>
                    </li>
                    <li class="li1"><a href="#">我的订单</a></li>
                    <li class="li1"><a href="#">我的京东</a></li>
                    <li class="li1"><a href="#">企业采购</a></li>
                    <li class="li1"><a href="#">商家服务</a></li>
                    <li class="li1"><a href="#">网站导航</a></li>
                    <li class="li1"><a href="#">手机京东</a></li>
                    <li class="li1"><a href="#">网站无障碍</a></li>
                </ul>
        </div>
    </div>
    <div class="zj">
        <span class="iconfont icon-jingdong"></span>
        <div class="srk">
            <input type="text" placeholder="请输入....." id="in1">
            <!-- <span  class="iconfont icon-xiangji_o" ></span> -->
            <a href="#"><img src="../day7-26/img/search.png" class="img1"></a>
        </div>
         <div class="gwc">
            <span class="iconfont icon-gouwuche">我的购物车</span>
         </div>
         <span class="iconfont icon-erweima2"></span>
    </div>
    <div class="i">
        <ul class="j">
            <li><a href="#" class="lik">全民运动季</a></li>
            <li><a href="#" class="lik">京东家电</a></li>
            <li><a href="#" class="lik">京东超市</a></li>
            <li><a href="#" class="lik">电脑数码</a></li>
            <li><a href="#" class="lik">大牌奥莱</a></li>
            <li><a href="#" class="lik">京东手机</a></li>
            <li><a href="#" class="lik">企业会员</a></li>
            <li><a href="#" class="lik">京东生鲜</a></li>
            <li><a href="#" class="lik">拍卖</a></li>
            <li><a href="#" class="lik">京东五金城</a></li>
        </ul>
    </div>
    <hr>
</body>
</html>